<template>
    <div class="heading">
        <div class="img-wrapper">
            <img src="	http://chst.vip:8081/todolist/static/media/logo.dc230d7c3cb96c91409eaedab952337e.svg" height="80" alt="">
        </div>
        <div class="title">
            To-Do List
        </div>
    </div>
</template>
<style scoped>
    .heading {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .heading .title {
        background: #ed0e7a5e;
        border-radius: 20% 5% 20% 5%/5% 20% 25% 20%;
        color: #fff;
        font-size: 21px;
        padding: 0.25em 0.8em 0.15em;
        transform: rotate(3deg);
        user-select: none;
    }
</style>